<template>
  <div class="aside-container">
    <AsideItem v-for="item in 3" />
  </div>
</template>

<script setup>
import AsideItem from './AsideItem.vue'
</script>

<style scoped>
.aside-container {
  background-color: #ddd;
  flex: 1;

  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* data-v-5fc21e68 */
/* .aside-item-container[data-v-5fc21e68] */
.aside-item-container {
  background-color: red;
}

/* 交集选择器 */
/* .escook-btn[data-v-5fc21e68] */
/* .escook-btn {
  padding: 8px 15px;
  border-radius: 6px;
} */

/* 后代选择器 */
/* [data-v-5fc21e68] .escook-btn */
:deep(.escook-btn) {
  padding: 8px 15px;
  border-radius: 6px;
}
</style>
